$columns: 4;
$icons: success error warning;

@for $i from 1 through $columns {
  .col-#{$i} {
    width: 100%/$columns * $i;
  }
}

//@each $icon in $icons {
//  .icon-#{$icon} {
//    background-image: url(../images/icons/#{$icon}.png);
//  }
//}

$i: 6;
@while $i > 0 {
  .item-#{$i} {
    width: 5px * $i;
  }
  $i: $i - 2;
}

$use-prefixes: true;

.rounded {
  @if $use-prefixes {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  border-radius: 5px;
}

$theme:dark;

body {
  @if $theme == dark {
    background-color: black;
  } @else if $theme == light {
    background-color: white;
  } @else {
    background-color: gray;
  }
}